<!doctype html>
<html>
<head>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>合作商户</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/Pager.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/header&footer.js"></script>
<script type="text/javascript" src="js/jquery.pager.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/openId1.js"></script>
<script src="js/proNav.js" type="text/javascript"></script>
<script type="text/javascript" src="js/qmsk-1.2.js"></script>
<script type="text/javascript">
//全局变量
var _tableId = 'shopListTable'; //数据被添加到该 Id 指定的 Table 的 tbody 标签上
var _memoLength=28;	//商店简介需要剪取，设置最大的字符串长度
var _operateType = null;
/**
 * 入口
 */
 $(function(){
	 loadPage()
 })
/**
 * 商店简介需要剪取，设置最大的字符串长度
 */
function cutMemo(memo){
	if(memo==null) return '';
	var len=memo.length;
	if(len>_memoLength){
		return memo.substring(0,_memoLength)+'...';
	}
	return memo;
}


/**
 * 跳转到详细页面
 */
function turnDetail(shopId) {
	redirectUrl('partnerDet.html?shopId=' + _shopId + '&openId=' + _openId+"&thisShopId="+shopId);
}

/**
 * 将查询返回的数据显示到页面上，参数是服务器返回的查询报文，json对象
 */
function printDataToPage(message) {
	var $Table = $("#" + _tableId+" tbody");
	//TODO 清除之前可能存在的 tbody 标签，这里应该有更好的办法，有时间看一下
	var row = message.row;
	for ( var i = 0; i < row; i++) {
		$("#noResult").hide()
		//获取值
		var shopId = message.getValue("shopId",i);
		var imageURL = message.getValue("imageURL",i);
		var shopName = message.getValue("shopName",i);
		var memo =message.getValue("memo",i);
		var tel = message.getValue("tel",i);
		var address =message.getValue("address",i) ;
		memo=cutMemo(memo);	//控制长度
		
		//创建标签
		var $Tr = $('<tr onClick="turnDetail('
				+ shopId
				+ ')"><td width="100">'
				+ '<div class="partner"><img src="'+imageURL+'" alt="'+shopName+'" /></div></td>'
				+ '<td><strong>'+shopName+'</strong><p>' + memo
				+ '</p><p>电话：'+tel+'<p><p>地址：'+address+'<p></td></tr>');
		$Table.append($Tr);
	}
	//分页和其他
	//pagination(message.result.len);
}

/**
 * 分页，参数是 总记录数
 */

/**
 * 加载指定页码的数据，页码从1 开始
 */
function loadPage() {
	new qmsk.SiglePinterest({
		url : '../shop/find/shopAll/', // 请求地址，插件会自动在 url 后追加 /n/n
		initPage : 1, // 首次加载页数
		size : 10, // 每次加载数量，即每页的大小
		success : printDataToPage, // 成功回调
		valves : 100 ,//当滚动条距离底部该像素的时候加载
		loading : addRefresh,
		loaded : delRefresh,
		data:{'operateTypeId':_operateType},
		emptyHandler :showNoResult

	});	
}
function showNoResult(){
	$("#noResult").show()
}

function chooseOperateTypeID(id){
	$("#shopListTable tbody").empty()
	_operateType = id;
	loadPage();
	closeShopTypeChooseDiv();
}

function chooseOperatyTypeAll(){
	_operateType = null;
	$("#shopListTable tbody").empty()
	loadPage();
	closeShopTypeChooseDiv();
}

</script>
</head>

<body>
<div class="wrapper">
  <div class="placeTit">合作商户<strong class="menuBtn">筛选<img src="images/menu.png"></strong></div>
  <div class="container">
    <table width="100%" cellspacing="1" cellpadding="0" border="0" class="show" id="shopListTable">
      <tbody></tbody>
    </table>
    <div id="pager"> </div>
  </div>
  <div id="noResult" style="display:none; height: 265px; width: 100%; background: url(images/par.jpg) no-repeat center 62px #f6f6f6; text-align: center;">
    <P style="padding-top: 150px; font-family: Microsoft YaHei; color: #cdcdcd; font-size: 16px;">暂时没有商户</P>
  </div>
</div>
</body>
</html>
